import React, { useEffect, useState } from 'react'
import { Table, Tag, Modal, Popover, Button, Switch } from 'antd';
import { DeleteOutlined, EditOutlined, ExclamationCircleOutlined } from '@ant-design/icons';

export default function () {
  const [dataSource, setDataSource] = useState([])
  useEffect(()=>{

  },[])
  const showConfirm=()=>{

  }
  const columns = [
    {
      title: 'ID',
      dataIndex: 'id',
    },
    {
      title: '权限名称',
      dataIndex: 'roleName',
    },
    {
      title: "操作",
      render: (key) => {
        return <div>
          <Button type="danger" shape="circle" onClick={() => { showConfirm() }} icon={<DeleteOutlined />} />
          <Button type="primary" shape="circle"  
          icon={<EditOutlined />}
          onClick={()=>{
           
          }}/>
        </div>
      }
    }
  ]
  return (
    <div>
      <Table dataSource={dataSource} columns={columns} pagination={
          { pageSize: 5 }
        } />;
    </div>
  )
}
